export default defineComponent({
	name: "MeteItem",
	props: { img: String, title: String, value: String },
	setup() {
		return (props: { img: string; title: string; value: string }) => (
			<div className={"w-full h-full"}>
				<div className={"min-h-10 min-w-28 w-full h-full flex flex-row justify-center"}>
					<img src={props.img} alt={""} className={"h-10"} />
					<div className={"ml-1"}>
						<div className={"text-[#D0FCF9] font-sans font-[14px] whitespace-nowrap"}>{props.title}</div>
						<div className={"text-[20px] whitespace-nowrap"}>{props.value}</div>
					</div>
				</div>
			</div>
		);
	}
});
